<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <div class="ontent">
    <ul class="lanren">
      <li>
        <span id="title"> {{num}}</span>
        <div class="scale_panel">
          <!-- <span class="f-left">吃力</span>
          <span class="f-right">轻松</span> -->
          <div class="scale" id="bar">
            <div class="step" ></div>
            <span id="btn" (pan)="panEvent($event)"></span>
          </div>
        </div>
      </li>
    </ul>
    <div>{{num}}</div>
    <input type="range" id="input" [value]="num" (pan)="change($event)" (tap)="change($event)" >
  </div>
</ion-content>